<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>导航管理</title>
    {include file="/admin/head"/}
</head>
<body>
<div class="x-body">
    <div class="layui-form">
        <input type="text" id="id" name="id" value="{$info.id|default=0}" style="display: none;">
        <div class="layui-form-item">
            <label class="layui-form-label">
                标题
            </label>
            <div class="layui-input-inline">
                <input type="text" id="name" name="name" required lay-verify="required"
                       autocomplete="off" class="layui-input" value="{$info.name|default=''}"
                >
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">
                封面图片
            </label>
            <div class="layui-input-inline">
                <input type="text" id="image_id" value="{$info.image_id|default=0}" style="display:none;">
                <!--<input type="file" id="image-file" style="display: none;" onchange="imagefile(this)" accept="image/*">-->
                <img src="{$info.image|default='/static/admin/img/none.jpg'}" id="image" onclick="imageselect('image_id','image')" style="max-width: 150px">
            </div>
        </div>
        <!--<div class="layui-form-item">-->
            <!--<label class="layui-form-label">-->
                <!--轮播图片-->
            <!--</label>-->
            <!--<div class="layui-input-inline" style="width: 600px">-->
                <!--<input type="file" id="images-array-file" style="display: none;" onchange="imagesfile(this)" accept="image/*">-->
                <!--<table class="table-images">-->
                    <!--<thead>-->
                        <!--<tr>-->
                            <!--<th>图片</th>-->
                            <!--<th>链接</th>-->
                            <!--<th>标题</th>-->
                            <!--<th>说明</th>-->
                            <!--<th>排序</th>-->
                            <!--<th>操作</th>-->
                        <!--</tr>-->
                    <!--</thead>-->
                    <!--<tbody id="image-tbody">-->
                        <!--{notempty name="info.images"}-->
                        <!--{volist name="info.images" id="value"}-->
                        <!--<tr id="image-tr-{$value.id}">-->
                            <!--<td>-->
                                <!--<input type="text" id="image-input-{$value.id}" name="images_id" value="{$value.id}" style="display: none">-->
                                <!--<img src="{$value.image}" id="image-{$value.id}" onclick="saveimages('{$value.id}')">-->
                            <!--</td>-->
                            <!--<td>-->
                                <!--<input type="text" class="layui-input" id="image-url-{$value.id}" value="{$value.url|default=''}">-->
                            <!--</td>-->
                            <!--<td>-->
                                <!--<input type="text" class="layui-input" id="image-title-{$value.id}" value="{$value.title|default=''}">-->
                            <!--</td>-->
                            <!--<td>-->
                                <!--<input type="text" class="layui-input" id="image-info-{$value.id}" value="{$value.info|default=''}">-->
                            <!--</td>-->
                            <!--<td>-->
                                <!--<input type="number" class="layui-input" id="image-sort-{$value.id}" value="{$value.sort|default=''}">-->
                            <!--</td>-->
                            <!--<td>-->
                                <!--<a href="javascript:;" onclick="save_image('{$value.id}')">修改</a>-->
                                <!--<a href="javascript:;" onclick="del_image('{$value.id}')">删除</a>-->
                            <!--</td>-->
                        <!--</tr>-->
                        <!--{/volist}-->
                        <!--{/notempty}-->
                        <!--<tr id="image-tr-0">-->
                            <!--<td>-->
                                <!--<input type="text" id="image-input-0" style="display: none">-->
                                <!--<img src="/static/admin/img/none.jpg" id="image-0" onclick="addimages()">-->
                            <!--</td>-->
                            <!--<td>-->
                                <!--<input type="text" class="layui-input" id="image-url-0">-->
                            <!--</td>-->
                            <!--<td>-->
                                <!--<input type="text" id="image-title-0" class="layui-input">-->
                            <!--</td>-->
                            <!--<td>-->
                                <!--<input type="text" id="image-info-0" class="layui-input">-->
                            <!--</td>-->
                            <!--<td>-->
                                <!--<input type="number" id="image-sort-0" class="layui-input" value="0">-->
                            <!--</td>-->
                            <!--<td>-->
                                <!--<a href="javascript:;" onclick="save_image(0)">添加</a>-->
                            <!--</td>-->
                        <!--</tr>-->
                    <!--</tbody>-->
                <!--</table>-->
            <!--</div>-->
        <!--</div>-->

        <div class="layui-form-item">
            <label class="layui-form-label">
                所属目录
            </label>
            <div class="layui-input-inline">
                <select id="pid">
                    {volist name="all" id="value"}
                    <option value="{$value.id}" {notempty name="info.pid"} {eq name="info.pid" value="$value.id"} selected {/eq} {/notempty}> {$value.name}</option>
                    {/volist}
                </select>
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">
                简单介绍
            </label>
            <div class="layui-input-inline">
                <input type="text" id="info" name="name" class="layui-input" value="{$info.info|default=''}">
            </div>
        </div>

        <div class="layui-form-item">
            <label class="layui-form-label">
                内容
            </label>
            <div class="layui-input-inline">
                <script type="text/javascript" charset="utf-8" src="/ueditor-plus/dist/ueditor.config.js"></script>
                <script type="text/javascript" charset="utf-8" src="/ueditor-plus/dist/ueditor.all.js"></script>
                <script type="text/javascript" charset="utf-8" src="/ueditor-plus/lang/zh-cn/zh-cn.js?7a537435"></script>
                <script id="editor" type="text/plain" style="width:800px;height:500px;">
                    {notempty name="info.content"}{$info.content|raw}{/notempty}
                </script>
                <script type="text/javascript">
                // 初始化编辑器
                var ue = UE.getEditor('editor');
                </script>
            </div>
        </div>
        <div class="layui-form-item">
            <label class="layui-form-label">
            </label>
            <button  class="layui-btn" lay-filter="add" lay-submit="">
                确认
            </button>
        </div>
    </div>
</div>
<script>
    layui.use(['form','layer'], function(){
        $ = layui.jquery;
        var form = layui.form,layer = layui.layer;
        //监听提交
        form.on('submit(add)', function(){
            let message = {
                name:document.getElementById('name').value,
                // url:document.getElementById('url').value,
                // list_template:document.getElementById('list_template').value,
                // info_template:document.getElementById('info_template').value,
                // images_id:getimagesid(),
                nav_id:document.getElementById('pid').value,
                image_id:document.getElementById('image_id').value,
                // web_type:document.getElementById('web_type').value,
                // isshow:document.getElementById('isshow').value,
                // pid:document.getElementById('pid').value,
                content:ue.getContent()
            };
            console.log(message);
            //发异步，把数据提交给php
            post('/sys/info/save?id={$info.id|default=0}',message);
        });
    });
    function post_result(res){
        layer.alert("操作成功", {icon: 6},function () {
            // 获得frame索引
            var index = parent.layer.getFrameIndex(window.name);
            //关闭当前frame
            parent.layer.close(index);
            parent.location.reload();
        });
    }
</script>
</body>
</html>